  html, body {
    width: 100%;
    height: 100%; //overflow:hidden;}
    .section-wrap {
      width: 100%;
      height: 100%;
      overflow: visible;
      transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
      -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
    }
    .section-wrap .section {
      position: relative;
      background-position: center center;
      background-repeat: no-repeat;
    }
    .put-section-0 {
      transform: translateY(0);
      -webkit-transform: translateY(0);
    }
    .put-section-1 {
      transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
    }
    .put-section-2 {
      transform: translateY(-200%);
      -webkit-transform: translateY(-200%);
    }
    .put-section-3 {
      transform: translateY(-300%);
      -webkit-transform: translateY(-300%);
    }
    .put-section-4 {
      transform: translateY(-400%);
      -webkit-transform: translateY(-400%);
    }
    .put-section-5 {
      transform: translateY(-500%);
      -webkit-transform: translateY(-500%);
    }
    .put-section-6 {
      transform: translateY(-600%);
      -webkit-transform: translateY(-600%);
    }
    .put-section-7 {
      transform: translateY(-650%);
      -webkit-transform: translateY(-650%);
    }
    .section-bg {
      width: 2px;
      height: 290px;
      background: #fff;
      box-shadow: 0 0 2px 2px #98b209;
      position: fixed;
      right: 92px;
      top: 143px;
    }
    .section-btn {
      width: 58px;
      height: 308px;
      position: fixed;
      right: 64px;
      top: 130px;
    }
    .section-top {
      width: 90px;
      height: 90px;
      cursor: pointer;
      border-radius: 100%;
      position: fixed;
      right: 46px;
      top: 454px;
      background: url("../img/totop.png")no-repeat center center;
    }
    .section-btn li {
      width: 32px;
      height: 32px;
      margin: 15px auto 0;
      position: relative;
    }
    .section-btn li:first-child {
      margin-top: 0;
    }
    .section-btn li a {
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -7px;
      margin-left: -7px;
      display: block;
      width: 14px;
      height: 14px;
      background: #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      box-shadow: 0 0 2px 2px #98b209;
    }
    .section-btn li.on a {
      width: 26px;
      height: 26px;
      margin-top: -13px;
      margin-left: -13px;
    }
    .arrow {
      opacity: 1;
      animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
      -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      position: absolute;
      bottom: 10px;
      left: 50%;
      margin-left: -30px;
      width: 60px;
      height: 60px;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      line-height: 60px;
      text-align: center;
      font-size: 20px;
      color: #fff;
      border: 1px solid #fff;
      cursor: pointer;
      overflow: hidden;
    }
    .arrow:hover {
      animation-play-state: paused;
      -webkit-animation-play-state: paused;
    }
    @keyframes arrow {
      50% {
        bottom: 50px;
        opacity: .5
      }
      100% {
        bottom: 10px;
        opacity: 1;
      }
    }
    section {
      background: #e9e9e9;
    }
    .section-1 {
      width: 100%;
      height: 700px;
      /*673/773*/
      background: #e9e9e9 url(../img/banbg1.jpg) no-repeat center top; //padding: 7% 0 0;/*142/673*/
      padding-top: 100px;
    }
    .section-2 {
      width: 100%; //height: 100%;
      padding-top: 50px;
    }
    .section-3 {
      width: 100%; //height: 80%;
      padding-top: 100px;
    }
    .section-4 {
      width: 100%;
      height: 250px;
      padding-top: 100px;
    }
    .section-5 {
      width: 100%; //height: 70%;
      padding-top: 100px;
    }
    .section-6 {
      width: 100%; //height: 60%;
      padding-top: 100px;
    }
    .section-7 {
      width: 100%;
      height: 450px;
      padding-top: 100px;
    }
    .section-8 {
      width: 100%; //height: 60%;
      padding-top: 100px;
      background: #ffffff;
    }
    .ad {
      background: #e9e9e9 url("../img/ad2.jpg") center 0 no-repeat;
      height: 60px;
      width: 100%;
      position: relative;
      animation: adslide 20s infinite; //animation-fill-mode: both;
    }
    @keyframes adslide {
      0%, 20% {
        background-position: center 0;
      }
      21%, 40% {
        background-position: center -60px;
      }
      41%, 60% {
        background-position: center -120px;
      }
      61%, 80% {
        background-position: center -180px;
      }
      81%, 100% {
        background-position: center 0;
      }
    }
    .ad a {
      display: block;
      width: 100%;
      height: 100%;
    }
    .ad div {
      position: absolute;
      background: url("../img/abc.png") 33px center no-repeat;
      color: white;
      top: 5px;
      right: 15px;
      width: 45px;
      cursor: pointer;
      border: 1px solid transparent;
    }
    .ad div:hover {
      border: 1px solid white;
    }
    .top {
      overflow: hidden;
      position: relative;
      padding-top: 20px;
    }
    .topleft {
      float: left;
    }
    .sousuo {
      width: 440px;
      height: 20px;
      background: #fff;
      padding: 8px 0;
      line-height: 20px;
      margin-bottom: 45px;
      border: 1px solid #efefef;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    }
    .wenben {
      float: left;
      width: 308px;
      height: 20px;
      border-right: 1px solid #6f6f6f;
    }
    .wenben input {
      padding: 0;
      margin: 0;
      border: 0 none;
      width: 100%;
      height: 100%;
      font-size: 14px;
      color: #6f6f6f;
      text-indent: 18px;
      background: none;
      outline: none;
    }
    .anniu {
      float: left;
      margin-left: 24px;
      padding-left: 24px;
      width: 60px;
      height: 20px;
      font-size: 14px;
      color: #212122;
      background: url(../img/souan.png) no-repeat left center;
    }
    .gonggao {
      width: 440px;
      height: 441px;
      padding-top: 27px;
      background: url(../img/gongbg.png) repeat;
      position: relative;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    }
    .gonggao h3 {
      font-size: 18px;
      line-height: 18px;
      color: #36373c;
      border-left: 7px solid #74b900;
      background: url(../img/gonggaobg.png) no-repeat right center;
      text-indent: 16px;
      margin-bottom: 17px;
    }
    .gonggao ul {
      overflow: hidden;
    }
    .gonggao ul li {
      padding: 10px 22px 10px 38px;
      background: url(../img/gaolibg.png) no-repeat 14px center;
      height: 16px;
      line-height: 16px;
    }
    .gonggao ul li span {
      float: right;
      color: #8b8b8b;
    }
    .gonggao ul li a {
      font-size: 14px;
      color: #3f3f3f;
    }
    .gonggao ul li a:hover {
      color: #74b900;
    }
    .gonggao .listUl ul {
      height: 360px;
    }
    .gonggao>a {
      position: absolute;
      right: 22px;
      bottom: 26px;
      display: block;
      width: 90px;
      height: 22px;
      line-height: 22px;
      text-align: center;
      color: #fff;
      background: #74b900;
    }
    .topright {
      float: right;
      width: 500px;
    }
    .topright ul li {
      float: left;
      width: 238px;
      height: 174px;
      background: url(../img/jiarubg.png) repeat;
      margin-left: 12px;
      margin-bottom: 14px;
      box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    }
    .topright ul li img {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      transform: scale(1);
      transition-timing-function: ease-out;
      transition-duration: 6s;
    }
    .topright ul li img:hover {
      transform: scale(1.3);
      transition-timing-function: ease-out;
      transition-duration: 750ms;
    }
    .topright ul li div {
      width: 238px;
      height: 122px;
      position: relative;
    }
    .topright ul li p {
      display: block;
      width: 238px;
      height: 52px;
      text-align: center;
      font-size: 1.8rem;
      color: #36373b;
    }
    /*top end*/
    .gongsi {
      padding-top: 60px;
    }
    .gongsi h4 {
      font-size: 3rem;
      color: #2c3e50;
    }
    .gongsi h3 {
      font-size: 5.3rem;
      font-weight: bold;
      color: #337f33;
      padding: 22px 0;
    }
    .gongsi p {
      width: 348px;
      height: 38px;
      line-height: 38px;
      text-indent: 20px;
      background: #36373b;
      color: #fff;
      font-size: 18px;
      margin-bottom: 8px;
    }
    .gongsi1 {
      height: 364px;
      position: relative;
      background: url(../img/gongsibg.png) no-repeat center bottom;
    }
    .gongsi1 dl {
      position: absolute;
      width: 92px;
      height: 134px;
    }
    .gongsi1 dt {
      width: 92px;
      height: 18px;
      padding-bottom: 18px;
      font-size: 18px;
      color: #36373b;
      text-align: center;
    }
    .gongsi1 dd {
      margin: 0;
      width: 92px;
      height: 98px;
      position: relative;
      background: url(../img/gongk.png) no-repeat left center;
    }
    .gongsi1 dd img {
      position: absolute;
      display: block;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      margin: auto;
      transform: scale(1);
      transition-timing-function: ease-out;
      transition-duration: 6s;
    }
    .gongsi1 dd img:hover {
      transform: scale(1.3);
      transition-timing-function: ease-out;
      transition-duration: 750ms;
    }
    .gongsidl1 {
      left: 153px;
      bottom: 158px;
    }
    .gongsidl2 {
      left: 351px;
      bottom: 126px;
    }
    .gongsidl3 {
      left: 509px;
      bottom: 240px;
    }
    .gongsidl4 {
      left: 677px;
      bottom: 299px;
    }
    /*gongsi end*/
    .hangye {
      min-height: 664px;
      background: url(../img/xunxibg.png) no-repeat 44px top;
      position: relative;
    }
    .hangye a {
      position: absolute;
      display: block;
      width: 150px;
      height: 130px;
    }
    .hangye a.cur {
      background: url(../img/xundan.png) no-repeat center center;
    }
    .hangy1 {
      left: 658px;
      top: 71px;
    }
    .hangy2 {
      left: 783px;
      top: 146px;
    }
    .hangy3 {
      left: 784px;
      top: 288px;
    }
    .hangy4 {
      left: 659px;
      top: 361px;
    }
    .hangy5 {
      left: 535px;
      top: 287px;
    }
    /*hangye end*/
    .fuwu {
      padding: 32px 0 25px;
      text-align: center;
    }
    .fuwu a {
      display: inline-block;
      width: 166px;
      height: 106px;
      margin: 0 4px;
    }
    .hege {
      text-align: center;
      font-size: 50px;
      color: #36373b;
      font-weight: bold;
      padding-bottom: 194px; //background: url(../img/changp.png) no-repeat center bottom;
    }
    .hezuo {
      margin: 18px auto;
      position: relative;
      width: 868px;
      height: 173px;
    }
    .hezuo2 {
      overflow: hidden;
      width: 868px;
      height: 173px;
    }
    .hezuolei {
      width: 868px;
      height: 173px;
      overflow: hidden;
    }
    .hezuolei li {
      float: left;
      width: 173px;
      height: 173px;
      margin: 0 22px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      position: relative;
    }
    .hezuolei span {
      position: absolute;
      left: 0;
      top: 0;
      display: none;
      width: 173px;
      height: 173px;
      line-height: 173px;
      text-align: center;
      background: url(../img/changbg.png) repeat;
      color: #fff;
      font-size: 18px;
    }
    .lbt {
      display: inline-block;
      width: 27px;
      height: 33px;
      position: absolute;
      left: -40px;
      top: 50%;
      margin-top: -17px;
    }
    .rbt {
      display: inline-block;
      width: 27px;
      height: 33px;
      position: absolute;
      right: -40px;
      top: 50%;
      margin-top: -17px;
    }
    /*fuwu end*/
    .kefu {
      min-height: 500px;
      padding: 0px 0 0 40px;
      background: url(../img/dunpai.png) no-repeat 560px 100px;
    }
    .kefu p {
      padding-bottom: 22px;
      font-size: 3rem;
      font-style: italic;
    }
    .kefu h4 {
      font-size: 5.3rem;
      font-weight: bold;
    }
    .kefu a {
      display: block;
      width: 300px;
      height: 64px;
      line-height: 64px;
      text-align: center;
      font-size: 32px;
      color: #fff;
      background: #337f33;
      margin-top: 30px;
    }
    .kefu a:hover {
      background: #448fab;
    }
    /*kefu end*/
    .jiameng {
      width: 520px;
      padding: 0 440px 0 40px; //margin-top: 32px;
      background: url(../img/jiameng.png) no-repeat right top;
      min-height: 382px;
    }
    .jiameng h3 {
      padding-bottom: 60px;
      font-size: 53px;
      font-weight: bold;
    }
    .jiameng2 {
      height: 37px;
      line-height: 37px;
      padding-left: 44px;
      background: url(../img/lianxi1.png) no-repeat left top;
      font-size: 18px;
      padding-bottom: 20px;
    }
    .jiameng3 {
      background: url(../img/lianxi2.png) no-repeat left top;
    }
    .jiameng4 {
      height: 37px;
      line-height: 37px;
      padding-bottom: 20px;
    }
    .jiameng4 span {
      display: inline-block;
      padding-left: 44px;
      background: url(../img/lianxi3.png) no-repeat left top;
      font-size: 1.8rem;
    }
    .jiameng4 .jiamengsp {
      background: url(../img/lianxi4.png) no-repeat left top;
      margin-left: 44px;
    }
    .jiameng5 {
      padding-top: 20px;
      padding-left: 9px;
    }
    .jiameng5 a {
      display: inline-block;
      width: 215px;
      height: 43px;
      line-height: 43px;
      text-align: center;
      background: #fff;
      color: #000;
      margin-right: 30px;
      margin-bottom: 20px;
      font-size: 18px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -o-border-radius: 4px;
      -ms-border-radius: 4px;
      border-radius: 4px;
    }
    .jiameng5 a:hover {
      background: #337f33;
      color: #fff;
    }
    /*jiameng end*/
    .jiaru {
      width: 510px;
      padding: 0px 450px 0px 40px;
      background: url(../img/jiaruw.png) no-repeat 556px top;
      min-height: 374px;
    }
    .jiaru h3 {
      font-size: 53px;
      font-weight: bold;
      line-height: 70px;
    }
    .jiaru2 {
      display: block;
      width: 230px;
      height: 70px;
      background: url(../img/jiaru.png) no-repeat left top;
      margin-top: 20px;
    }
    .jiaru2:hover {
      animation: wer 2s 1 ease;
    }
    @keyframes wer {
      0% {
        transform: rotate(0deg) scale(1)
      }
      30% {
        transform: rotate(5deg) scale(0.9)
      }
      40% {
        transform: rotate(-3deg) scale(1.1)
      }
      50% {
        transform: rotate(7deg) scale(1.2)
      }
      60% {
        transform: rotate(-3deg) scale(1.2)
      }
      70% {
        transform: rotate(5deg) scale(1.2)
      }
      80% {
        transform: rotate(-5deg) scale(1.2)
      }
      90% {
        transform: rotate(5deg) scale(1.2)
      }
      100% {
        transform: rotate(0deg) scale(1)
      }
    }
    .dingwei4 li {
      margin: 15px auto 0;
    }
    a:focus {
      outline: none;
      -moz-outline: none;
    }
